<template>
  <el-card class="contanier">
    <div slot="header" class="clearfix">
      <span>旅游数据概览</span>
      <div class="circle">
        <div class="item">vf</div>
        <div class="item">vf</div>
        <div class="item">vf</div>
        <div class="item">vf</div>
      </div>
    </div>
  </el-card>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},

  methods: {},
};
</script>

<style scoped>
.contanier {
  margin: 30px;
  width: 40%;
  height: 500px;
  .clearfix{
    .circle{
        .item{
            width:50px;
            height: 50px;
            border-radius: 50%;
            background-color:#9055A2;
        }
    }
  }
}





</style>
